<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>芜湖一看 首页</title>
	<meta name="decorator" content="default"/>
	
	<script type="text/javascript" src="${ctxStatic}/jquery/jquery-1.8.3.min.js"></script>
	<link href="${ctxStatic}/bootstrap/2.3.1/css_cerulean/bootstrap.min.css" type="text/css" rel="stylesheet" />
	<script src="${ctxStatic}/bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>
	<link href="${ctxStatic}/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet" />
	<link href="${ctxStatic}/jquery-select2/3.4/select2.min.css" rel="stylesheet" />
	<script src="${ctxStatic}/jquery-select2/3.4/select2.min.js" type="text/javascript"></script>
	<link href="${ctxStatic}/jquery-validation/1.11.0/jquery.validate.min.css" type="text/css" rel="stylesheet" />
	<script src="${ctxStatic}/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
	<link href="${ctxStatic}/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css" rel="stylesheet" />
	<script src="${ctxStatic}/jquery-jbox/2.3/jquery.jBox-2.3.min.js" type="text/javascript"></script>
	<script src="${ctxStatic}/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
	<script src="${ctxStatic}/common/mustache.min.js" type="text/javascript"></script>
	<link href="${ctxStatic}/common/jeesite.css" type="text/css" rel="stylesheet" />
	<script src="${ctxStatic}/common/jeesite.js" type="text/javascript"></script>
	
	<link type="text/css" rel="stylesheet" href="${ctxStatic}/css/tdc/tdcHome.css" />
	<script type="text/javascript" src="${ctxStatic}/layer/layer.js"></script>
	<script type="text/javascript" src="${ctxStatic}/js/tdc/tdcHome.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
		});
		function page(n,s){
			$("#pageNo01").val(n);
			$("#pageSize01").val(s);
			$("#searchForm01").submit();
        	return false;
        }
	</script>
</head>
<body>
	<!--页头-->
	<div class="top01">
		<div class="top0101">芜湖市第一看守所预约平台</div>
		<hr class="tophr01"/>
	</div>
	<!--ctx值-->
	<input id="inputCtx" type="hidden" value="${pageContext.request.contextPath}"/>
	<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
	<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
	
	<div class="div_01">
		<div class="div_02">
			<span class="div_0201">今日预约总量:${todayCounts}</span><span class="div_0202">已到:${arrivedCounts}</span>
		</div>
		<sys:message content="${message}"/>
		<div class="div_03">
			<!--预约信息简单展示  列表-->
			<table class="table_01">
				<thead>
					<tr>
						<th>序号</th>
						<th>预约编号</th>
						<th>预约部门</th>
						<th>预约人</th>
						<th>嫌犯</th>
						<th class="th06">预约时间</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${page.list}" var="tdcReservation">
						<tr>
							<td>1</td>
							<td><c:out value="${tdcReservation.bespeakNumber}"></c:out></td>
							<td><c:out value="${tdcReservation.bespeakDept}"></c:out></td>
							<td><c:out value="${tdcReservation.bespeakName}"></c:out></td>
							<td><c:out value="${tdcReservation.suspectName}"></c:out></td>
							<td><fmt:formatDate value="${tdcReservation.bespeakStart}" pattern="yyyy-MM-dd HH:mm"/>
								~<fmt:formatDate value="${tdcReservation.bespeakEnd}" pattern="HH:mm"/></td>
							<td><a href="javascript:showTHeBespeak(${tdcReservation.bespeakNumber});">查看</a></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<!--分页-->
			<div class="pagination">${page}</div>
		</div>
		
		<div class="div_04">
			<form:form id="searchForm01" modelAttribute="TdcVisitorReservation" action="${pageContext.request.contextPath}/visitor/list" method="post">
				<input id="pageNo01" name="pageNo" type="hidden" value="${page.pageNo}"/>
				<input id="pageSize01" name="pageSize" type="hidden" value="${page.pageSize}"/>
				<input type="text" placeholder="请输入预约编号" id="searchBespeakNumber" class="inputtext01"/>
				<input type="button" value="搜索" class="btn01" id="btnSearch01"/>
				<input type="button" value="律师预约" class="btn02" id="btnLawBespeak"/>
				<input type="button" value="公检法预约" class="btn03" id="btnCheckBespeak"/>
				<input type="button" value="预约时间表" class="btn03" id="btnBespeakTimeTable"/>
			</form:form>
			
		</div>
		<!--预约详情展示-->
		<div class="div_05" id="showMsg01">
			<div class="div_0501">
				<!-- <label class="showlabel01">律师姓名:</label> -->
				<span class="div_050101" id="showDetail01">预约人姓名:<c:out value="小于"></c:out></span>				
				<span class="div_050102">预约人证件:</span>
				<c:choose>
		        	<c:when test="${empty tdcVisitorReservation.bespeakCredentials}">
		        		<img src="" id="showDetail02"/>
		        	</c:when>
		        	<c:otherwise>
	                   <img src="${ctxStatic}/imagesAttachment/${tdcVisitorReservation.bespeakCredentials}" id="showDetail02"/>
		        	</c:otherwise>
		        </c:choose>
			</div>
			<div class="div_0502">
				<!-- <label class="showlabel01">嫌犯姓名:</label> -->
				<span class="div_050101"  id="showDetail03">嫌犯姓名:<c:out value="小于"></c:out></span>				
				<span class="div_050102">附件证明:</span>
				<c:choose>
		        	<c:when test="${empty tdcVisitorReservation.suspectAttachment}">
		        		<img src="" id="showDetail04"/>
		        	</c:when>
		        	<c:otherwise>
	                   <img src="${ctxStatic}/imagesAttachment/${tdcVisitorReservation.suspectAttachment}" id="showDetail04"/>
		        	</c:otherwise>
		        </c:choose>
			</div>
			<div class="div_0503">
				<label>嫌犯身份证:</label>
				<span  id="showDetail05"><c:out value="341282199107275588"></c:out></span>
			</div>
			<div class="div_0504">
				<label>预约时间:</label>
				<span id="showDetail06"><c:out value="2017年3月17日 上午9:00"></c:out></span>
			</div>
			<div class="div_0505">
				<input id="btnClose01" type="button" value="关闭"  class="btn04"/>
			</div>
		</div>
	</div>
	<!--页脚-->
	<div class="footer01">
		<hr class="footerhr01"/>
        Copyright © 2012-2016 芜湖一看 - Powered By ITMaster V1.2.7
	</div>
</body>
</html>
